
/****************************************************************
********************* Area do body ******************************
****************************************************************/

            body {
                background:#660000;
            }

/****************************************************************
************************ Area Total *****************************
****************************************************************/

            #area-total {
                border:0px solid white;
                margin-left:auto;  /* para centralizair  */
                margin-right:auto; /* para centralizar  */
                width:960px;
                background:#e9e9e9;
                -moz-border-radius:0px 0px 12px 12px;
                -webkit-border-radius:0px 0px 12px 12px;
            }

/****************************************************************
*********************** Area Banner *****************************
****************************************************************/

            #area-banner {
                width: 960px;
                height: 200px;
                background: url('../images/bannerGASPE.png');
            }


/****************************************************************
******************* Area Menu Lateral ***************************
****************************************************************/
            #area-lateral {
                width:150px;
                min-height:150px;
                float:left;
                margin-top:12px;
                margin-bottom:12px;
                margin-right:12px;
                margin-left:13px;
            }


/****************************************************************
******************* Area Menu Lateral ***************************
****************************************************************/

            #area-menu-lateral {
                width:150px;
                min-height:150px;
                background:white;
                margin-bottom:12px;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                -moz-box-shadow:0px 0px 0px #333;
                -webkit-box-shadow: 0px 0px 0px #333;
                box-shadow:2px 2px 6px #333;
                border:0px solid #CCCCCC;
            }

            #area-menu-lateral  a{
                font-size:15px;
                font-family: Arial,Tahoma,Verdana,Helvetica,"Bitstream Vera Sans",sans-serif;
                padding:2px;
                padding-left:10px;
                display: block; /* ocupa toda area do li */
                text-align:center;
                text-decoration:none; /* retira sublinhado do link */
                color:#666666;
                padding-top:5px;
                padding-bottom:5px;
                border:0px solid green;
            }

            #area-menu-lateral li{
                list-style:none;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                border-bottom:1px dotted #CCCCCC;
            }

            #area-menu-lateral li:hover { 
                background-color:#E6E6E6;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                list-style:none;
            }


/****************************************************************
******************* Area Menu Lateral - Login *******************
****************************************************************/
            #area-lateral-login {
                width:10px;
                height:900px;

            }

            #area-menu-lateral-login {
                width:150px;
                min-height:50px;
                float:left;
                background:white;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                -moz-box-shadow:0px 0px 0px #333;
                -webkit-box-shadow: 0px 0px 0px #333;
                box-shadow:2px 2px 6px #333;
                border:0px solid #CCCCCC;
            }

            #area-menu-lateral-login input{
                width:120px;
            }

            #area-menu-lateral-login  a{
                font-size:15px;
                font-family: Arial,Tahoma,Verdana,Helvetica,"Bitstream Vera Sans",sans-serif;
                padding:2px;
                padding-left:10px;
                display: block; /* ocupa toda area do li */
                text-align:center;
                text-decoration:none; /* retira sublinhado do link */
                color:#666666;
                padding-top:5px;
                padding-bottom:5px;
                border:0px solid green;
            }

            #area-menu-lateral-login  p{
                font-size:10px;
                font-family: Arial,Tahoma,Verdana,Helvetica,"Bitstream Vera Sans",sans-serif;
               /* text-align:center;*/
                text-decoration:none; /* retira sublinhado do link */
                color:#666666;
                padding-left:13px;
                padding-top:5px;
                padding-bottom:5px;
                border:0px solid green;
            }

            #area-menu-lateral-login li{
                list-style:none;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                border-bottom:1px dotted #CCCCCC;
            }

            #area-menu-lateral-login li:hover { 
                background-color:#E6E6E6;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                list-style:none;
            }

            #area-menu-lateral-login p.erro{
                color: red;
                font-weight: bold;
                text-align: center;
                font-size:12px;

            }

/****************************************************************
******************* Area Menu Superior **************************
****************************************************************/

            #area-menu-superior {
                width:960px;
                min-height:40px;
                background:white;
                -moz-box-shadow:0px 0px 10px #333;
                -webkit-box-shadow: 0px 0px 10px #333;
                box-shadow:0px 2px 6px #333;
                border:0px solid #CCCCCC;
            }

            #area-menu-superior li {
                list-style:none;
            }

/****************************************************************
******************** Area Conteúdo ******************************
****************************************************************/

            #area-conteudo {
                float:left;
                width:770px;
                min-height:400px;
                background:#e9e9e9;
                padding-right:7px;
                padding-bottom:40px;
                margin-top: 12px ;
            }

            #area-conteudo li {
                color:#000000;
                padding-left:0px;
                list-style:circle;
                margin-left:30px;
                line-height:1.5em;

            }

            #area-conteudo h1  {
                text-align:center;
                color:#65564a;
                padding-top:20px;
            }

            #area-conteudo h3  {
                color:#65564a;
                text-decoration: underline;
                font-weight:bold;
                line-height:1.5em;
                font-size:16px;
                padding-top:20px;
            }

            #area-conteudo h2 {
                color:#65564a;
                font-weight:bold;
                line-height:1.5em;
                font-size:18px;
                padding-bottom:10px;
                padding-top:20px;
            }

            #area-conteudo p {
                text-align:justify;
                color:#000000;
                line-height:1.5em;
                font-size: 12px;
                float: left;
                width: 750px;
            }

            #area-conteudo img {
                float: right;
                margin-left: 15px ;
            }


/****************************************************************
*********************** Rodapé **********************************
****************************************************************/

            #rodape {
                padding-top:6px;
                font-size:10px;
                text-align: center;
                color: white;
                background:#aa0000;
                /*background:#b93327;*/
                height:50px;
                -moz-border-radius:0px 0px 10px 10px;
                -webkit-border-radius:0px 0px 10px 10px;
            }

/****************************************************************
*********************** slide ***********************************
****************************************************************/

            #slide {
                margin: 0px;
                width:670px;       
            }


/****************************************************************
*********************** Notícias ********************************
****************************************************************/

   /*         #noticia {
                border-bottom:1px dotted #CCCCCC;
                width: 750px;
                margin-bottom: 30px;
                float: left;
                padding-bottom:20px;
            }
*/
             #noticia {
                float:left;
                width:750px;
                min-height:180px;
                margin-bottom:16px;
                margin-left:5px;
                background:white;
                padding:8px;
                -moz-border-radius:10px 0px 10px 0px;
                -webkit-border-radius:10px 0px 10px 0px ;
                box-shadow:0px 2px 6px #333;
                border:0px solid #CCCCCC;
	    }

            #noticia img.home {
                float: right;
                margin-top: 12px;
                margin-left: 8px;
                margin-right: 8px;
                width:180px;
                height: 140px;
                box-shadow:2px 2px 8px #333;
	    }
	    
	    #noticia img {
	    margin-top: 10px;
	    box-shadow:2px 2px 8px #333;
	    }

            #noticia h3 {
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 22px;
                font-weight: normal;
                font-style: normal;
                color: #65564a;
                text-transform:	none;
                text-decoration: none;
                letter-spacing: normal;
                line-height: 23.4px;
                float: left;
                width: 750px;
                padding-top:0px;
                border-bottom:1px solid #CCCCCC;
            }

            #noticia h2 {
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 18px;
                font-weight: normal;
                font-style: normal;
                color: #65564a;
                text-transform:	none;
                text-decoration: none;
                letter-spacing: normal;
                line-height: 23.4px;
                float: left;
                width: 750px;
                padding-top:10px;
            }
            
            #noticia p {
            width: 730px;
            margin-left: 12px;
            margin-top: 12px;
            }

            #noticia p.home {
                float: left;
                width: 540px;
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #000000;
                line-height: 16px;
                text-align: start;
                text-align: left;
                margin-top: 12px;
                margin-left: 8px;
            }

                
            #noticia a.link {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                clear: left;
                padding-top: 8px;
                padding-bottom: 8px;
            }
            
            

/****************************************************************
*********************** Fotos ********************************
****************************************************************/

            #fotos {
                border-bottom:1px dotted #CCCCCC;
                width: 360px;
                height: 135px;
                margin-top: 15px;
                margin-right: 05px;
                float: left;
                padding-bottom:20px;
            }

            #fotos img {
                float: right;
                margin-left: 8px ;
}

            #fotos h2 {
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 16px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                text-transform:	none;
                text-decoration: underline;
                letter-spacing: normal;
                line-height: 23.4px;
                float: left;
                width: 360px;
                padding-top:0px;
                padding-bottom:0px;
            }

            #fotos p {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #000000;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                width: 335px;
            }

            #fotos a {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                width: 360px;
            }


/****************************************************************
************************ Patrocinios ****************************
****************************************************************/

            #area-patrocinio {
                width:725px;
                min-height:100px;
                float:left;
                margin-top:16px;
                margin-bottom:16px;
                margin-left:5px;
                padding-bottom:15px;
                padding-top:10px;
                padding-left:10px;
                padding-right:10px;
                background:white;
                -moz-border-radius:10px;
                -webkit-border-radius:0px;
                box-shadow:0px -2px 10px #333;
                border:0px solid green;
            }

            #area-patrocinio img{
                float: left;
                width:140px;
                height: 80px;
                padding:20px;
		margin-left: 0px;
		margin-right: 0px;
	    }



/****************************************************************
******************** Novas configurações ************************
****************************************************************/

            #imagem-direita p {
                float: left;
                width: 500px;
                margin: 5px ;
}
            #imagem-esquerda {
                float: left;
                width: 250px;
                margin-top: 5px ;
}
            #imagem-esquerda img {
                width:80px;
                height: 100px;                
                float: left;
                margin-left: 0px ;
}

            #imagem-esquerda p {
                float: left;
                font-size:12px;
                width: 150px;
                padding-left:5px;
}

            #imagem-esquerda p.nome_imagem {
                font-weight:bold;
}

           .clearfix:after {
                content: ".";
                display:block;
                height: 0;
                clear: both;
                visibility: hidden;
           }

            ul.esquerda {
                padding-left:0px;
                margin-left:10px;
		        float:left;
                width:250px;
}

            ul.direita {
                padding-left:0px;
                margin-left:10px;
		        float:right;
                /*width:200px;*/
}

